import React, { Component, createRef, forwardRef } from 'react'


//forwardRef 让函数式组件可以使用 ref 属性
const Content = forwardRef(function Content(props,ref) {
    return (
        <>
            <h2 ref={ref}>你好世界</h2>
        </>
    )
})

export default class App extends Component {

    contentRef = createRef()

    render() {
        return (
            <div>

                {/* 对于函数式组件而言,使用ref需要用 forwardRef 的函数包裹 */}
                <Content ref={this.contentRef}></Content>


                <button onClick={() => {

                    console.log(this.contentRef.current);

                }}>获取ref的值</button>
            </div>
        )
    }
}
